<template>
  <div id="content">
      <NavBarItem link="/home/perRecommend">个性推荐</NavBarItem>
      <NavBarItem link="/home/customization">专属订制</NavBarItem>
      <NavBarItem link="/home/songList">歌单</NavBarItem>
      <NavBarItem link="/home/top">排行榜</NavBarItem>
      <NavBarItem link="/home/singer">歌手</NavBarItem>
      <NavBarItem link="/home/newMusic/newSong">最新音乐</NavBarItem>
  </div>
</template>

<script>
  import NavBarItem from "@/components/content/navbar/NavBarItem";
  export default {
    name: "NavBarRec",
    components:{
      NavBarItem,
    },
  }
</script>

<style scoped>
  #content{
    display: flex;
  }
</style>
